<template>
  <el-row class="tac">
    <el-col :span="24">
      <el-menu
        default-active="2"
        class="el-menu-vertical-demo"
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b"
        :router="true">
        <el-submenu v-if="flag1" index="1">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span>学院功能</span>
          </template>
            <el-menu-item index="projects">项目列表</el-menu-item>
            <el-menu-item index="projectApply">申请立项</el-menu-item>
        </el-submenu>
		    <el-submenu v-if="flag2" index="2">
		  <template slot="title">
		    <i class="el-icon-location"></i>
		    <span>基金会功能</span>
		  </template>
		    <el-menu-item index="allProjects">项目列表</el-menu-item>
<!--		    <el-menu-item index="expenses">支出列表</el-menu-item>-->
<!--		    <el-menu-item index="goodMoney">捐赠列表</el-menu-item>-->
		    <el-menu-item index="goodPeople">捐赠人列表</el-menu-item>
<!--		    <el-menu-item index="shenpiProject">待审批项目</el-menu-item>-->
<!--		    <el-menu-item index="shenpiExpense">待审批支出</el-menu-item>-->
<!--		    <el-menu-item index="addGoodMoney">开始捐赠流程</el-menu-item>-->
<!--		    <el-menu-item index="addGoodPeople">添加捐赠人</el-menu-item>-->
<!--		    <el-menu-item index="setGoodPeople">捐赠人管理</el-menu-item>-->
<!--		    <el-menu-item index="setCollege">学院管理</el-menu-item>-->
		</el-submenu>
      </el-menu>
    </el-col>
  </el-row>
</template>

<script>
	export default {
		name:"top",
		data(){
			return{
			  flag1:false,
        flag2:false
			}
		},
		methods:{

		},
		components:{

		},
    mounted() {
		  let power = this.$store.getters.getPower
      if(power == 1){
        this.flag1 = true
      }
      if(power == 2){
        this.flag2 = true
      }
    }
  }
</script>

<style scoped>
	.tac{
	  height:100%;
	  background:#545c64
	}
	.el-menu{
	  border:0;
	}
</style>
